<!--<div class="list-group">
	<a class="list-group-item" href="{:U('user/profile/edit')}"><i class="fa fa-list-alt fa-fw"></i> 修改资料</a>
	<a class="list-group-item" href="{:U('user/profile/password')}"><i class="fa fa-lock fa-fw"></i> 修改密码</a>
	<a class="list-group-item" href="{:U('user/profile/avatar')}"><i class="fa fa-user fa-fw"></i> 编辑头像</a>
	<a class="list-group-item" href="{:U('user/profile/bang')}"><i class="fa fa-exchange fa-fw"></i> 绑定账号</a>
	<a class="list-group-item" href="{:U('user/favorite/index')}"><i class="fa fa-star-o fa-fw"></i> 我的收藏</a>
	<a class="list-group-item" href="{:U('portal/user/articles')}"><i class="fa fa-file-text fa-fw"></i> 我的文章</a>
	<a class="list-group-item" href="{:U('comment/comment/index')}"><i class="fa fa-comments-o fa-fw"></i> 我的评论</a>
</div>-->
<!--<div style="width: 125px;height: 125px;background-color: darkgray; border-radius: 75px;">
	<img src="">
</div>-->


<style>
    .list-div1{
        border: none!important;
        background-color: #fff!important;
        width: 276px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .list-div1:hover{
        background-color: #f9f9f9!important;
        border-radius: 0;
    }
    .list-div1 a {
        color: #000232;
        line-height: 22px;
        letter-spacing:2px;
        font-weight: bolder;
    }
    .list-group {
        width: 280px;
        margin-left: 0;
    }
    .list-group .slider_top_content {
        background-color: #F9f9f9;
        position: relative;
        width: 100%;
        padding-bottom: 28px;
    }
    .slider_top_content .top_icon {
        font-size: 12px;
        color: #707070;
        padding: 14px 20px 0;
        line-height: 20px;
        margin-bottom: 9px;
    }
    .slider_top_content .top_icon .right{
        font-size: 16px;
        letter-spacing: 2px;
    }
    .slider_top_content img {
        border-radius: 50%;
        width: 120px;
        height: 120px;
        display: block;
        margin: 0 auto;
    }
    .slider_top_content .name {
        margin: 0 auto;
        font-size: 28px;
        color: #000232;
        text-align: center;
        line-height: 44px;
        height: 50px;
    }
    .slider_top_content .name-text {
        display: inline-block;
        max-width: 140px;
        height: 44px;
        overflow: hidden;
        font-weight: bolder;
    }
    .slider_top_content .edit_icon {
        display: inline-block;
        width: 20px;
        height: 44px;
        background: url("/public/images/img/edit_icon.png") center no-repeat;
        -webkit-background-size: 20px 19px;
        background-size: 20px 19px;
        cursor: pointer;
    }
    .slider_top_content .text {
        font-size: 16px;
        line-height: 20px;
        color: #545454;
        margin: 0 20px;
        max-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .list-div1 .menu_list {
        text-align: left;
        background: url("/public/images/img/line.png") left top no-repeat;
        padding: 0 0 0 18px;
        position: relative;
        left: 120px;
        margin-top: -16px;
        overflow: hidden;
        height: 0;
    }
    .list-div1 .menu_list p {
        line-height: 18px;
    }
    .list-div1 .menu_list a{
        font-size: 12px;
        line-height: 12px;
    }
    .list-div1 .menu_list .active a {
        font-size: 16px;
        line-height: 16px;
    }
    .animate {
        min-height: 30px;
    }
</style>
<div class="list-group">
    <div class="slider_top_content" style="background-color: #F9f9f9;position: relative;margin:0px auto;">
        <p class="top_icon">
            <php>
                $city_name = get_city_name_by_id($city_id);
            </php>
            <if condition="!empty($city_name)">
                <span>常驻 <b>{$city_name}</b></span>
            <else/>
                <span>暂无常驻城市</span>
            </if>
            <!--<span class="right">-->
                <!--<a href="{:U('portal/article/edit')}" style="color: #c8161d;">投稿</a>-->
            <!--</span>-->
        </p>
        <div>
            <img  src="{:sp_get_user_avatar_url($avatar)}?t={:time()}" class="headicon" />
        </div>
        <div class="name">
            <span class="name-text">{$user_nicename|default=$user_login}</span>
            <a href="{:U('user/profile/edit_baseinfo')}"><span class="edit_icon"></span></a>
        </div>
        <p class="text ">{$signature}</p>
    </div>
    <div class="list-div1">
        <a  href="{:U('comment/comment/index')}"> 我的评论</a>
    </div>
    <div class="list-div1 animate animate_add">
        <div class="menu_main">
            <a href="javascript:;">我的投稿</a>
        </div>
        <div class="menu_list">
            <p class="tab_article"><a href="{:U('Portal/article/user_article', ['status' => 1])}">我的文章</a></p>
            <p class="tab_business"><a href="{:U('Portal/Businessnews/user_business_news', ['status' => 1])}">我的商讯</a></p>
        </div>
    </div>
    <div class="list-div1 animate animate_data">
        <div class="menu_main">
            <a href="javascript:;">我的资料</a>
        </div>
        <div class="menu_list">
            <p class="tab_basics"><a href="{:U('user/profile/edit_baseinfo')}">基本信息</a></p>
            <p class="tab_number"><a href="{:U('user/profile/edit')}">账号管理</a></p>
        </div>
    </div>
    <!--<div class="list-div1">-->
    <!--<a href="{:U('user/favorite/index')}">我的收藏</a>-->
    <!--</div>-->
    <div class="list-div1 animate animate_center_question">
        <div class="menu_main">
            <a href="javascript:;">我的订单</a>
        </div>
        <div class="menu_list">
            <p class="tab_sport"><a href="{:U('Order/Order/activity_lists', ['status' => 1])}">活动</a></p>
            <p class="tab_question"><a href="{:U('Order/Order/question_lists')}">问答</a></p>
            <p class="tab_curriculum"><a href="{:U('Order/Order/lesson_lists')}">专题课程</a></p>
        </div>
    </div>
    <div class="list-div1">
        <a href="{:U('Question/Question/center_question')}">我的问答</a>
    </div>
    <div class="list-div1">
        <a href="{:U('professor/professor/professor_edit')}">行家认证</a>
    </div>
</div>
<!--<div class="xg_picture" style="display: none;">
    <div class="tabs">
        <div class="tab-content clearfix">
            <div class="clipRow2" style="" ontouchstart="">
                <div class="cover-wrap">
                    <div class="clipBgn">
                        <div id="clipArea">
                            <div class="photo-clip-view">
                                <div class="photo-clip-moveLayer">
                                    <div class="photo-clip-rotateLayer">
                                    </div>
                                </div>
                            </div>
                            <div class="photo-clip-mask">
                                <div class="photo-clip-mask-left"></div>
                                <div class="photo-clip-mask-right"></div>
                                <div class="photo-clip-mask-top"></div>
                                <div class="photo-clip-mask-bottom"></div>
                                <div class="photo-clip-area"></div>
                            </div>
                        </div>
                        <div class="clipButton" style="position: relative;">
                            <button id="clipBtn">保存图片</button>
                            <span class="tips" style="position: absolute;top:-120px;left: 380px;color:#fff;display: inline;">滚动滑轮控制图片大小</span>
                        </div>
                    </div>
                </div>
                <div id="view"></div>
                <div class="clipContent" style="">上传图片<input type="file" id="file" accept="image/*">
                </div>
            </div>
        </div>
    </div>

</div>-->
<script src="/themes/simplebootx_mobile/Public/assets/js/jquery.1.12.4.js"></script>
<script>
$(function () {
    $(".animate").each(function () {
        $(this).mouseenter(function () {
            $(this).find(".menu_main").animate({
                marginLeft:'-80px'
            },50);
            $(this).find(".menu_list").animate({
                height:"54px",
                paddingTop:'12px'
            },50)
        }).mouseleave(function () {
            $(this).find(".menu_main").animate({
                marginLeft:0
            },50);
            $(this).find(".menu_list").animate({
                height:0,
                paddingTop:0
            },50)
        })

    })
});

</script>
<script>
    $(function () {
        $(".menu_list").children().each(function () {
           $(this).click(function () {
               $(this).addClass("active").siblings().removeClass("active");
           })
        })
    });

</script>


 